<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2018-6-13
  Time: 20:42
  To change this template use File | Settings | File Templates.
--%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page contentType="text/html; charset=UTF-8" language="java" %>
<meta http-equiv="X-UA-Compatible" content="IE=edge,IE=10,chrome=1">
<%
    java.text.SimpleDateFormat formatter = new java.text.SimpleDateFormat("yyyy年MM月dd日");

    java.util.Date currentTime = new java.util.Date();//得到当前系统时间

    String str_date1 = formatter.format(currentTime); //将日期时间格式化
    String str_date2 = currentTime.toString(); //将Date型日期时间转换成字符串形式
%>
<%@ include file="/WEB-INF/jsp/sys/css.jsp"%>
<html>
<head>
    <link rel = "stylesheet" type = "text/css" href = "${cp:SYS_VALUE('app.staticfile.home')}/modules/dashboard/css/dashboard.css" >
    <title >陕西省发展与改革委员会协同办公政务一体化平台</title >
    <script>
        window.ContextPath = '<%= request.getContextPath()%>/';
        window.ViewContextPath ='${cp:SYS_VALUE("app.staticfile.home")}/';
        window.nginxpath='${cp:SYS_VALUE("nginxpath")}/';
    </script>
    <style>
        .layui-table-view .layui-table td.in_use_cls{
            cursor: pointer;
        }

        .xwzw .zbt {
            font-size: 22px;
            padding-top: 10px;
            line-height: 26px;
            text-align: center;
        }
        .xwzw .wh {
            font-size: 12px;
            color: #666666;
            text-align: center;
            margin-top: 15px;
            border-bottom-width: 1px;
            border-bottom-style: solid;
            border-bottom-color: #999999;
            padding-bottom: 5px;
            margin-bottom: 20px;
        }
        .xwzw .zw {
            font-size: 14px;
            line-height: 28px;
            color: #333333;
            padding-right: 10px;
            padding-left: 10px;
        }


        .zzjgleftmenu {
            width: 250px;
            margin: 0 10px 0 0;
            border: 1px solid #c4c4c4;
            float: left;
            display: inline;
            background: #ffffff;
        }
        .zzjglefttop {
            font-size: 16px;
            font-weight: 600;
            color: #ffffff;
            padding: 0;
            line-height: 42px;
            background:  #0168b7;
            height: 40px;
            padding: 0 0 0 32px;
        }
        .zzjgleftlist {
            border: 0;
            margin: 5px 0 0 0;
            padding: 0;
        }
        .zzjgleftlist ul li {
            padding: 10px 0;
            /* background: url(../images/list_style.jpg) no-repeat; */
            line-height: 24px;
            background-position: 0px 30px;
            color: #555555;
            text-decoration: none;
            font-size: 14px;
            list-style: none;
        }
        .zzjgleftlist ul li a {
            text-decoration: none;
            color: #333333;
            padding: 10px;
        }
        .zzjgleftlist ul li a:HOVER{
            text-decoration: underline;
        }

        .zzjgrightcontent {
            width: 100%;
            margin: 0 0 20px 0;
            border: 1px solid #c4c4c4;
            float: left;
            display: inline;
            background: #ffffff;
        }

    </style>
</head>

<script >
    window.ContextPath = '<%= request.getContextPath()%>/';
    window.pageContextPath="${pageContext.request.contextPath}/"
    window.ViewContextPath ='${cp:SYS_VALUE("app.staticfile.home")}/';
    window.UploaderPath='${cp:SYS_VALUE("uploaderpath")}/';
    window.nginxpath='${cp:SYS_VALUE("nginxpath")}/';
</script>
<body>
<body  class="bodyClass">
<input type="hidden" id="menusOwnerHid" value="${menusOwner}">
<div class = "top_div_cls" >
    <div class = "top_info_cls" >
        <p class = "top_left_cls" style="margin-top: 5px;">
            <span ><iframe style="margin-top: -21px;margin-left: -10px" id="fancybox-frame" name="fancybox-frame1532055508899" frameborder="0" scrolling="no" hspace="0"  src="http://plugin.tianqijun.com/index.php?c=code&id=12&icon=1&num=1&site=12&py=xian"></iframe></span >
        </p >
        <p class = "top_right_cls" >
            <span ><%=str_date1 %></span >
        </p >
    </div >
</div >
<div  class="logo_div_cls" >
    <img style="margin-left: 24px;" src = "${cp:SYS_VALUE('app.staticfile.home')}/modules/dashboard/image/title.png" alt = "陕西省发展和改革委员会" />
</div >
<div style="margin: auto;width:1300px;padding-top: 10px">
    <div class="zzjgleftmenu">
        <div class="zzjglefttop">
            栏目信息
        </div>
        <div class="zzjgleftlist">
            <div style="width: 250px; margin: 0 auto;">
                <div style="border-bottom: none; width: 200px; margin: 0 auto; font-family: Microsoft YaHei ! important;">
                    <ul style="list-style-type: none">
                        <li><a href="javascript:setTable('2','通知公告')">通知公告</a></li>
                        <li><a href="javascript:setTable('3','学习心得')">学习心得</a></li>
                        <li><a href="javascript:setTable('4','培训材料')">培训材料</a></li>
                        <li><a href="javascript:setTable('5','委内工作动态')">委内工作动态</a></li>
                        <li><a href="javascript:setTable('6','工作总结')">工作总结</a></li>
                        <li><a href="javascript:setTable('7','出国公示')">出国公示</a></li>
                        <li><a href="javascript:setTable('8','表彰公示')">表彰公示</a></li>
                        <li><a href="javascript:setTable('9','考核公示')">考核公示</a></li>
                        <li><a href="javascript:setTable('10','经济信息')">经济信息</a></li>
                        <li><a href="javascript:setTable('11','图片新闻')">图片新闻</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div style=" width:1000px;float: left; display: inline;">
        <div class="zzjgrightcontent" conaceditflag="conacModuleBottomChannelElement" conaceditauth="false" channelid="102371" isfullscreen="true">
            <div style="font-weight: 600; font-size: 16px; height: 30px; line-height: 30px; padding-left: 10px; color: #0168b7; background: #efefef;">
                <div style="width: 100%;  display: inline;">
                    <span id="ColumnName" style="float:left;">通知公告</span>
                </div>
            </div>
            <div class="zzjgrightlist" id="zzjgrightlist">
                <table class="layui-hide" id="demo" lay-filter="demo"></table>
            </div>
        </div>
    </div>
</div>
</div>
<div class = "bottom_div_cls" >
    <div class = "bottom_info_div_cls" >
        <p >主办：陕西省发展和改革委员会&nbsp;&nbsp;&nbsp;&nbsp;陕西省信息中心技术支持</br>地址：新城大院8号楼&nbsp;&nbsp;&nbsp;&nbsp;邮编：710006</p >
    </div >
</div >
</body >
<script type="text/html" id="filedateTpl">
    {{formatDate(d.createTime,'yyyy-MM-dd')}}
</script>
<script type="text/html" id="titleTpl">
   <a href="javascript:winopen('{{d.url}}')">{{d.dataTitle}}</a>
</script>
<script>
    layui.use(['table','form','jquery'], function(){
        var table = layui.table;
        var $=layui.jquery;
        window.setTable=function(datatype,name) {
            $('#ColumnName').html(name);
            table.render({
                elem: '#demo'
                , url:window.pageContextPath+ 'system/messageInfo?s_dataType='+datatype //数据接口
                , page: true //开启分页
                , cols: [[ //表头
                    {field: 'dataTitle', title: '标题', width: '80%',templet: '#titleTpl', align:'left'}
                    , {field: 'createTime', title: '发布时间',templet: '#filedateTpl',align:'left',sort:true, width: '20%'}
                ]]
            });
        }
        var datatype='${param.datatype}';
        if(datatype=='2'){
            setTable('2','通知公告');
        }else if(datatype=='3'){
            setTable('3','学习心得');
        }else if(datatype=='4'){
            setTable('4','培训材料');
        }else if(datatype=='5'){
            setTable('5','委内工作动态');
        }else if(datatype=='6'){
            setTable('6','工作总结');
        }else if(datatype=='7'){
            setTable('7','出国公示');
        }else if(datatype=='8'){
            setTable('8','表彰公示');
        }else if(datatype=='9'){
            setTable('9','考核公示');
        }else if(datatype=='10'){
            setTable('10','经济信息');
        }else if(datatype=='11'){
            setTable('11','图片新闻');
        }else{
            setTable('2','通知公告');
        }
        window.winopen=function (url) {
            window.open(window.nginxpath+url);
        }

        var $ = layui.$,
            active = {
                reload: function(){
                    var wheres = {};
                    $("#myform input").each(function(){
                        wheres[$(this).attr("name")]=$(this).val();
                    });
                    $("#myform select").each(function(){
                        wheres[$(this).attr("name")]=$(this).val();
                    });
                    //执行重载
                    table.reload('sydwselect', {
                        page: {
                            curr: 1 //重新从第 1 页开始
                        }
                        , where:wheres
                    });
                },
                add:function(){
                    openMaxDiv("800px","400px",top.window.pageContextPath+'system/doc/templatefile/toDocumentEdit'+"?r="+Math.random(),"添加模板");
                }
            };
        /*搜索按钮绑定查询事件*/
        $('.demoTable .layui-btn').on('click', function(){
            /*操作类型这里只有搜索*/
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });
    });
</script>
</html>
